.quan {
  width: 100%;
  height: 100%;

  .quan1 {
    width: 100%;
    height: 100%;
    background-color: aqua;

    .header {
      width: 100%;
      height: 43%;
      background-color: rgba(95, 114, 226);
    }

    .bottom {
      width: 100%;
      height: 57%;
      background-color: white;
    }

    .ding1 {
      width: 60%;
      height: 80vh;
      background-color: rgba(95, 114, 226);
      position: absolute;
      top: 10%;
      left: 25%;
      border-radius: 15px;

      .ding {
        width: 100%;
        height: 75vh;
        background-color: white;
        border-radius: 15px;
        box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.5);
      }

      .headerding {
        width: 100%;
        height: 10vh;
        background-color: rgba(95, 114, 226);
        overflow: hidden;

        ul {
          list-style: none;
          display: flex;
          margin-top: 4vh;

          li {
            padding: 0 2vh 0 0;
          }
        }
      }
    }
  }
}

.content {
  width: 100%;
  height: 100%;

  .system-form {
    width: 100%;
    height: 80%;
    display: flex;

    .form-left {
      width: 50%;
      height: 100%;
    }

    .form-right {
      width: 50%;
      height: 100%;
    }
  }
}
